// 引入像素转rem库
@charset "utf-8";
@import "pxvalue.less";
@import "font_common";
.fl{
    float: left;
}
.fr{
    float: right;
}
// 顶部导航部分
.mui-action-back{
    height: 44px;
    width: 44px;
    img{
        width: 100%;
    }
}
.mui-bar-nav{
    top: 20px;
}
.mui-content{
    padding-bottom: 100px;
    padding-top: 64px !important;
}
.arr_left{
    background-image: url(../../images/ptsp/left_arr_03.png);
    background-size: 24px 24px;
    background-position: center;
    background-repeat: no-repeat;
}
.mui-title{
    font-size: @p36;
}
.mui-bar-nav{
    a{
        font-size: @p28;
        color: #888888;
        line-height: 44px;
    }
}
//购物车列表部分
.shop_list{
    padding:@p22 @p30;
    .shop_item{
        width: 100%;
        background-color: #fafafa;
        min-height: 100px;
        border-radius: 5px;
        box-shadow: 0 0 5px #ededed;
        margin-bottom: @p22;
        .title{
            width: 100%;
            height: @p72;
            line-height: @p72;
            background-color: #ffffff;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            font-size: @p28;
            .icon{
                
                width: @p41;
                height: @p41;
                margin-top: @p15;
                background-image: url(../../images/car_10.png);
                background-size: 100% 100%;
                 
                margin-left: @p22;
                margin-right: @p26;
            }
            .icon_checked{
                background-image: url(../../images/car_07.png);
            }
            b{
               
                width: @p14;
                height: @p22;
                margin-top: @p24;
                margin-left: @p18;
                background-image: url(../../images/car_03.png);
                background-size: 100% 100%;
            }
        }
        .goods_list{
            padding: @p30 @p22;
            padding-bottom: 0;
            overflow: hidden;
            .goods_item{
                height: @p160;
                margin-bottom: @p30;
                .icon{
                    width: @p41;
                    height: @p41;
                    margin-top: @p59;
                    background-image: url(../../images/car_10.png);
                    background-size: 100% 100%;
                    
                    margin-right: @p26;
                }
                .icon_checked{
                    background-image: url(../../images/car_07.png);
                }
                .img{
                    width: @p160;
                    height: @p160;
                    background-color: #ccc;
                    margin-right: @p20;
                    overflow: hidden;
                    img{
                        width: 100%;
                    }
                }
                .info{
                    width: @p396;
                    position: relative;
                    height: 100%;
                    .goods_title{
                        width: 100%;
                        line-height: @p50;
                        font-size: @p28;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        overflow: hidden;
                    }
                    .price{
                        font-size: @p28;
                        position: absolute;
                        bottom: 0;
                        left: 0;
                    }
                    .cout_box{
                        width: @p100;
                        height: @p28;
                        border: 1px solid #d3d3d3;
                        border-radius: 3px;
                        font-size: @p22;
                        line-height: @p28;
                        position: absolute;
                        right: 0;
                        color: #888888;
                        bottom: @p10;
                        span{
                            float: left;
                            width: 33.3%;
                            text-align: center;
                        }
                    }
                    
                    .cout_box span:nth-child(2){
                        border-left: 1px solid #d3d3d3;
                        border-right: 1px solid #d3d3d3;
                    }
                }
            }
        }
    }
}
.select_all{
    position: fixed;
    bottom: 51px;
    width: 100%;
    left: 0;
    height: 38px;
    font-size: @p24;
    line-height: 38px;
    background-color: #ffffff;
    box-shadow: 0 0 6xp #e3e3e3;
    padding-right: @p30;
    .icon{
        width: @p41;
                height: @p41;
                margin-top: @p15;
                background-image: url(../../images/car_10.png);
                background-size: 100% 100%;
                 
                margin-left: @p52;
                margin-right: @p26;
    }
    .icon_checked{
        background-image: url(../../images/car_07.png);
    }
    button{
        float: right;
        margin-top:8.5px;
        margin-left: 8px; 
        font-size: @p24;
        color: #888888;
        height:21px;
        line-height: 21px;
        padding: 0 @p26;
        border-radius: 5px;
        border: 1px solid #888888;
    }
    .all_price{
        border: 1px solid transparent;
    }
    .jiesuan{
        background: linear-gradient(to right,#1cb5fc,#1c83fc);
        border: 1px solid transparent;
        color: #ffffff;
    }
}
